@CHARSET "UTF-8";
html,body{margin:0;padding:0;background:#333;}
body{font-family: 'Varela Round',sans-serif;font-size:14px;text-align:center;background:#e1e1e1 url('../imgs/croix.png');}
h1,h2,h3,h4{padding:0;margin:0;}
.clear{clear: both;}
input:focus,select:focus{ outline: none;}
input[type="button"],input[type="submit"]{margin:10px;border:none;background:#666;padding:5px 10px;font-size:14px;color:white; border-radius:5px;font-family:inherit;}
input[type="button"],input[type="submit"]:hover{ cursor: pointer;}
input[type="text"], input[type="password"], textarea {
font: 12px arial, verdana, "Trebuchet MS", helvetica, sans-serif;
width:170px;
padding:6px 4px;
text-align:center;
background: #fff;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #999;
border-style:solid;}
input[type="text"]:focus,input[type="password"]:focus, textarea:focus{border:1px solid #660000;}
img{border:none;}
.overflow{position:absolute;top:0;left:0;width:100%;height:100%;display:none;}
.overflow .bg{position:absolute;top:0;left:0; width:100%;height:100%;background:#333;opacity:0.8;}
.overflow .payment{border-radius:10px;position:relative;top:30%; width:800px;padding:50px 0 ; margin:auto;background:#ccc; }



.loader{display:none;}
.error{color:red;}
.txt_highlight{color:red;}
.closed{color:red;}
.styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
   .styled-select {
   margin:auto;
   width: 240px;
   height: 34px;
   overflow: hidden;
   background: url('../imgs/down_arrow_select.jpg') no-repeat right #ddd;
   border: 1px solid #aaa;
   }
/*End of general css*/
/*home*/
.logo_home{}
.home_banner{background:#9a9a9a;position:relative;margin-top:30px;}
.shop_ctn{width:504px;margin:auto;}
.shop_ctn .shop{color:white; width:200px;float:left;padding:16px;margin:10px;}
.shop_ctn .shop img{vertical-align:bottom;}
.sub-logo{border-radius:5px; padding:15px; font-family:'Pinyon Script', cursive; font-size:25px;color:wheat; background:#666;}
.home_banner .sub-title{font-family: 'Codystar', cursive;font-size:20px;padding:0;margin:0; color:wheat;}
#btn_home{margin-top:20px;}
#btn_home .promo {padding: 10px 0;
background: #EE4739;
color: white;
font-size:12px;}
.connect_home{padding:10px;}
.connect_home img{vertical-align:middle;}
.connect_home a{color:gray;}
.connect_home a:hover{color:red;}
/*header */
.header{position:fixed;width:100%;z-index: 999;top:0;left:0;background:#666;}

.menubar{color:white;font-size:12px;display:inline-block;*display:inline;zoom:1;vertical-align:bottom;}
.menubar img{vertical-align:bottom;}
.menubar a{color:white;text-decoration:none;}
.menubar .cats{}
.menubar .cats li{padding:10px;float:left; list-style: none;border-right:1px solid #E1E1E1;border-left:1px solid #E1E1E1;margin-left:-1px;}
.menubar .cats li:hover{background:#e1e1e1;color:#333;}
.menubar .cats li.active{background:#e1e1e1;color:#333; }

.submenubar{background:#999;color:white;font-size:12px;display:inline-block;*display:inline;zoom:1;vertical-align:bottom;}
.submenubar img{vertical-align:bottom;}
.submenubar a{color:white;text-decoration:none;}
.submenubar .subcats{}
.submenubar .subcats li{padding:10px;float:left; list-style: none;border-left:1px solid #E1E1E1;border-right:1px solid #E1E1E1;margin-left:-1px;}
.submenubar .subcats li:hover{background:#e1e1e1;color:#333;}
.submenubar .subcats li.active{background:#e1e1e1;color:#333; }

/*Menu*/
#sidebar{top:0px;left:0;float:left;width:250px;background:#eee; padding:10px;border-radius:10px;font-size: 12px;}
#sidebar .btn_panier{width:135px;padding-left:30px;background:#EE4739 url('../imgs/cart.png') no-repeat 9px 3px;}
#sidebar .qty{color:red;float:right;}
#sidebar .order_item{text-align:left;}
#sidebar .order_item .option  label{background:#EE4739;color:white;padding:0 2px;}
#sidebar .promo {text-align:left;margin-top:5px; border-bottom: 1px dotted #000000;}
#sidebar img{vertical-align:middle;}
#sidebar input[type="submit"]{margin:0;  font-size:10px;}
#sidebar input[type="sumbit"]:hover{background:#ccc;}
#sidebar h3{
font-size:14px;
padding: 2px 0;
border-radius: 3px;
background: rgb(238, 71, 57);
color: white;
}
#sidebar h3 a{color:white;text-decoration:none;}
#sidebar h3 a:hover{color:#333;}
#sidebar .sauce_item{ padding:5px;border-bottom:1px solid #999;}
#sidebar .sauce_item span{margin:10px;display:block;}
#rightbar{margin-left:280px;}
#rightbar .ctn_menu{background:#E1E1E1;}
#container{width:850px;margin:auto;top:75px; position:relative;}
#container .product_list{width:550px;margin:auto;text-align:left;border-bottom:1px dashed black;line-height:2;font-size:14px; }
#container .product_list .price{position:absolute;right:10px;}
#container .product_list .description{font-size:12px;color:#666;display:block;padding-left:0;height:50px;width:400px;}
#container .add_prod{ height:30px;position:absolute;right:0; z-index:99;}
#container .add_prod .item_form{position:relative;z-index:98;top:40px;right:10px;}
#container .add_prod .item_form input[type='button']{margin:0;border:none;background:#666;padding:5px 10px;font-size:12px;color:white; border-radius:5px;font-family:inherit;}
#container .add_prod .item_form input[type='button']:hover{cursor:pointer; background:#999;}
#container .info_supplement{text-align:justify;background:#ccc;padding:20px;color:#2B5F75;font-size: 12px;}
/*Page Cart*/
.ctn_cart{position:relative;float:right;width:550px;}
.ctn_cart span.option_price{color:red;}
.ctn_cart .info_supplement{font-size:12px;}
.ctn_cart .order_type{width:550px;}
.ctn_cart .order_type .special_promo{display:inline-block;color:white;background:#EE4739; padding:10px 0;width:550px;margin:10px 0;font-size:12px;}
.ctn_cart .total{
 padding:15px;
 margin-left:-30px;
 display:inline-block;
font-weight: bold;
width: 185px;
height: 36px;
background: 50px 14px url('../imgs/total.png') no-repeat;
}
.ctn_cart .total span{color: white;
font-size: 16px;
line-height: 2.3;
}
.magasin_info{margin: 0 auto;
width: 715px;}

.order_info{float:left;width:550px; margin:auto;}
.order_item{border-bottom: 1px dashed black;padding-top:10px;}
.order_info .product_item{float:left;}
.order_info .order_item .option{float:left;text-align:left;}
.order_info .order_item .option label{background:#EE4739;color:white;padding:0 2px;}
.order_info .qty_form{float: right;}
.order_info .info_supplement{text-align:justify;font-size:11px;}
.community_list{background:#ccc;padding:20px;display:none;}
.community_list .error{}

/*Page Login*/
.ctn_login{width:600px;margin:auto;position:relative;top:75px}
.ctn_login .box_left{width:330px;float:left;margin-top:20px;}
.ctn_login .box_left label{display:block;}
.ctn_login .box_left input[type='text'],input[type='password']{padding:5px 20px;width:150px;}
.ctn_login .box_left input[type='submit']{background:#EE4739;color:white;width:190px;height:30px;border:none;font-weight:bold;font-size:14px;}
.ctn_login .box_left input[type='submit']:hover{cursor:pointer;background:#E5E5E5;color:#E76E34;}
.ctn_login .box_right{float:left;width:200px;}

/*Page Registration*/
.ctn_inscription{position: relative;top:75px;}
.regist_form{width:450px; margin:0 auto;}
.regist_form label.insc{float:left;display:block;width: 210px;padding-top: 5px;}
.regist_form input[type="text"], .regist_form input[type="password"]{margin-bottom: 7px;float:left;width: 230px;padding: 6px 4px;}

/*Page Set_NewPwd*/
.ctn_password{position: relative;top:75px;}
.set_newpwd {top:75px;position:relative;}
.set_newpwd .error {padding:20px;}
.pwd_form {width:450px; margin:0 auto;}
.pwd_form label.pwd{float:left;display:block;width: 210px;padding-top: 5px;}
.pwd_form input[type="password"]{margin-bottom: 7px;float:left;width: 230px;padding: 6px 4px;}

/*Page Account*/
.ctn_account{position:relative;float:right;width: 550px;}
.ctn_account .submenu {margin-bottom:20px;}
.ctn_account .submenu a{background:#bbb;width:150px;margin:2px; padding:5px;color:black;}
.ctn_account .update_password{display:inline-block;} 
.ctn_account .update_password label.pwd{display:block;padding-top: 5px;}
.ctn_account .update_password input[type="password"]{border:1px #999 solid;font-size:19px;text-align:center;margin-bottom: 7px;width: 230px;padding: 4px 4px; }
.ctn_account .delivery_address{ width:auto; float:none;}
.ctn_account .delivery_address .adresse_item{width:355px;margin:auto; text-align:left;}
.ctn_account .delivery_address .adresse_item input[type="text"]{height:20px; padding:4px 4px;border:none; -webkit-box-shadow: inset 1px 0px 1px 1px #666666;box-shadow: inset 1px 1px 2px 0px #999;}
.ctn_account .delivery_address .adresse_item a{color:#000000;}
.ctn_account .delivery_address .adresse_item .com-select{float:left;width: 240px;height: 34px;overflow: hidden;background: url('../imgs/down_arrow_select.jpg') no-repeat right #ddd;border: 1px solid #aaa;}
.ctn_account .delivery_address .adresse_item .com-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 34px;
   -webkit-appearance: none;
   }
.ctn_account .delivery_address .adresse_item .date_arrow{vertical-align: bottom;display:none;}
.ctn_account .delivery_address .adresse_item label{display:block;font-size:14px; font-weight:bold;padding:10px 4px 4px 4px ;}
#btn_ads:hover{cursor:pointer;background:#999999;}
.ctn_account .orders_info{display:inline-block;}
.ctn_account .orders_info table{font-size:12px;text-align:left;padding:0 2px;}
.ctn_account .orders_info tr.border_bottom td {
  border-bottom:1pt solid #ccc;
  height:20px;
}
.ctn_account .total{
 padding:15px;
 margin-left:-30px;
 display:inline-block;
font-weight: bold;
width: 185px;
height: 36px;
background: 50px 14px url('../imgs/total.png') no-repeat;
}
.ctn_account .total span{color: white;
font-size: 16px;
line-height: 2.3;
}
.ctn_account .orders_info label{color:white;background:#EE4739;}
.ctn_account .orders_info .left{float:left; font-size:12px;}
.ctn_account .orders_info .right{float:right; font-size:12px;}
.delivery_adresse{background:#c1c1c1; border:1px solid #cccccc; padding:20px;
border-radius:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-bottom:5px;
}
.delivery_adresse .left{float:left;margin:10px 10px;-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
padding:10px;}
.delivery_adresse .right{float:left;padding:10px;}
.delivery_adresse label{width:100px; float:left;padding-top:0;}
.delivery_adresse span{margin-left: 10px;
float: left;}

/*Page TakeAway*/
.ctn_takeaway{position:relative;top:40px;width:780px;margin:auto;}
.ctn_takeaway .order_info{float:left;width:auto; margin:auto;}
.ctn_takeaway .nav input[type="button"]{background:#eee; color:#aaa;}
.ctn_takeaway .nav .active{background: #666 !important;color: #eee!important;}
.ctn_takeaway .notice{background:#ECA965;padding:2px 5px;color:white;}
.ctn_takeaway .shop{background:whitesmoke; border: 2px solid whitesmoke; width:200px;float:left;padding:16px;margin:10px;font-size: 13px;}
.ctn_takeaway .shop:hover{border: 2px solid #ccc; cursor:pointer; font-size: 13px;}
.ctn_takeaway .shop img{vertical-align:bottom;}
.ctn_takeaway .shop select{color:black;height:30px;width: 130px;background: #F2F2F2;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #E5E5E5;
text-align:center;
}
.ctn_takeaway .validation{border:2px dotted #E1E1E1; padding:20px;}
.ctn_takeaway .shop textarea{width:auto;}
.ctn_takeaway .takeaway_normal{height:240px;}
.ctn_takeaway .takeaway_reservation{}
.ctn_takeaway .info_box{float:right;/*margin:auto;width:515px;*/ }
.ctn_takeaway .info_box .shop{float:none;}
.ctn_takeaway .date_arrow, .time_arrow{display:none; }
.ctn_takeaway .total{
 padding:15px;
 margin-left:-30px;
 display:inline-block;
font-weight: bold;
width: 185px;
height: 36px;
background: 50px 14px url('../imgs/total.png') no-repeat;
}
.ctn_takeaway .total span{color: white;
font-size: 16px;
line-height: 2.3;
}

/*Page Delivery*/
.delivery_arrow{display:none;}
.ctn_delivery{position:relative;top:40px;width:780px;margin:auto;}
.ctn_delivery .order_info{float:left;width:520px; margin:auto;}
.delivery_address{width:800px;float:left;}
.ctn_delivery .delivery_normal {background:whitesmoke; border: 2px solid whitesmoke; margin:10px; padding:16px;font-size:12px;}
.ctn_delivery .delivery_normal label{display:block; padding:4px;font-weight:bold;color:#ff0000;}
.ctn_delivery .delivery_normal img{vertical-align:middle;}
.ctn_delivery .delivery_normal select{color:black;height:30px;width: 130px;background: #F2F2F2;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #E5E5E5;
text-align:center;
}
.ctn_delivery .notice{background:#ECA965;padding:2px 5px;color:white;}
.ctn_delivery .adresse_item{width:355px;margin:auto;}
.ctn_delivery .adresse_item a{color:#000000;}
.ctn_delivery .adresse_item .left{margin:0 10px;}
.ctn_delivery .shop{background:whitesmoke; border: 2px solid whitesmoke; width:200px;margin:10px; padding:16px;font-size:12px;}
.ctn_delivery .shop label{display:block; padding:4px;font-weight:bold;color:#ff0000;}
.ctn_delivery .shop textarea{width:auto;}
.ctn_delivery .shop:hover{border: 2px solid #ccc; cursor:pointer; }
.ctn_delivery .shop img{vertical-align:bottom;}
.ctn_delivery .shop select{color:black;height:30px;width: 130px;background: #F2F2F2;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #E5E5E5;
text-align:center;
}
.ctn_delivery  .validation{border:2px dotted #E1E1E1; padding:20px;}
.ctn_delivery .info_box {float:right;}
.ctn_delivery .info_box label{display:block; padding:4px;font-weight:bold;color:#ff0000;}
.ctn_delivery .date_arrow, .time_arrow{display:none;}
.ctn_delivery input[type='text']{width:200px;height:20px;}
.delivery_adresse{background:#efefef; border:1px solid #cccccc; padding:0px;
border-radius:10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
margin-bottom:5px;
}
.ctn_delivery .total{
 padding:15px;
 margin-left:-30px;
 display:inline-block;
font-weight: bold;
width: 185px;
height: 36px;
background: 50px 14px url('../imgs/total.png') no-repeat;
}
.ctn_delivery .total span{color: white;
font-size: 16px;
line-height: 2.3;
}

.delivery_adresse .left{float:left;margin:10px 10px;-webkit-border-top-left-radius: 10px;
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomleft: 10px;
border-top-left-radius: 10px;
border-bottom-left-radius: 10px;
padding:10px;}
.delivery_adresse .right{float:left;padding:10px;}
.delivery_adresse label{width:100px; float:left;padding-top:0;}
.delivery_adresse span{margin-left: 10px;float: left;}

/* Conditions */
.ctn_conditions {position:relative;float:right;width: 550px;}
.ctn_conditions .conditions_txt{
    text-align: justify;

color: #333;
font-size: 12px;
}



/* FOOTER */

.footer{background:#333;color:#EEEEEE;top:120px;position:relative;font-size:12px;}
.footer a{color:#eee;}
.footer .footer_items{display:inline-block;padding:10px;}
.footer .lunchbox{float:left;}
.footer .shop{float:left;padding:15px;}

.ctn_error{
	position:relative;
	top:75px;
	padding:100px 0 ;
	
}

